<DOCTYPE html>
<html lang="zh-han">
<head>
    <title>注册</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
    <link href="css/style.css" rel="stylesheet">
    <title>Signin Template · Bootstrap</title>

<link href="static/bootstrap.css" rel="stylesheet">
    <style>
    .bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
        .divForm{
            position: absolute;/*绝对定位*/
            width: 300px;
            height: 600px;
            {#border: 1px solid red;#}
            text-align: center;/*(让div中的内容居中)*/
            top: 50%;
            left: 50%;
            margin-top: -200px;
            margin-left: -150px;
        }
    </style>
    <link href="/static/signin.css" rel="stylesheet">
</head>
<body>
<body class="text-center">
<link href="/static/signin.css" rel="stylesheet">
<div class="divForm">
    <form method="post" action='/regist'class="form-signin">
        <h1 class="h3 mb-3 font-weight-normal">Please sign up</h1>
{#        #}
{#        <div style="position: relative;">#}
{#        <!--设置input的position为absolute，使其不按文档流排版，并设置其包裹整个布局 -->#}
{#        <!-- 设置opactity为0，使input变透明 -->#}
{#        <!-- 只接受jpg，gif和png格式 -->#}
{#        <input id="upload-input" style="position: absolute; top: 0; bottom: 0; left: 0;right: 0; opacity: 0;" type="file" accept="image/gif, image/jpg, image/png" />#}
{#        <!-- 自定义按钮效果 -->#}
{#        <div style="text-align: top">#}
{#            <span style="font-size: 12px;">上传</span>#}
{#            <img id="upload" src="./upload.png" style="width: 40px; height: 40px; vertical-align: middle;" />#}
{#        </div>#}
{#    </div>#}


        <label for="inputUsername" class="sr-only">Username</label>
        <input type="text" name="username"class="form-control" placeholder="Username" value="" required autofocus>
        <label for="inputPassword" class="sr-only" placeholder="Password">Password</label>
        <input type="password" name="password1" class="form-control" placeholder="Password" value="">
        <label for="inputPassword" class="sr-only">Repeat password</label>
        <input type="password" name="password2" class="form-control" placeholder="Repeat password" value="">
        <label for="inputEmail" class="sr-only">Email</label>
        <input type="email" name="email" class="form-control" placeholder="Email" value="">
        <button class="btn btn-lg btn-primary btn-block" type="submit" value="注册">Sign up</button>
    </form>

    {% if error %}
        <p>{{error}}</p>
    {% endif %}
</body>
</html>